<!DOCTYPE html>
<html>
<head>
	<title>设备数据分析系统</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="../css/bootstrap.min.css" rel="stylesheet">
	<!-- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> -->
	<link rel="stylesheet" type="text/css" href="../css/map.css">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
</head>
<body>
	

	<div id="right">

		<div class="con main padder">

			<div class="row">
				<div class="col-lg-12">
					<div id="top">
						<span id="title">合肥工业大学智能制造实验室</span>

					</div>
				</div>
			</div>
			
			<div class="row row21">
				<div class="col-lg-7">
					<div class="row">
						<div class="col-lg-12">
							
							<div id="container" style="position: relative;">
								<p id="text-o">合锻智能制造有限公司设备分布</p>
								<div id="map"></div>
							</div>

						</div>
					</div>
					<div class="row" style="margin-top: 80px">
						<div class="col-lg-12" style="padding: 20px">
							
							<div class="row" id="machine" >
								<div class="simple col-lg-3">
									<div class="panel panel-yes">
										<div class="panel-heading">
											<b>
												<span>1</span>
												<span class="pull-right">合肥工业大学</span>
											</b>
										</div>
									</div>
								</div>
								

							</div>

						</div>

					</div>
				</div>
				<div class="col-lg-5">
					<div class="row">
						<div class="col-lg-12" style="height: 45%">
							
							<div id="text-one">
								<p>
									设备状态监控 
									<span class="glyphicon glyphicon-chevron-down pull-right" id="data-down">
									</span>
								</p>
								<div id="data">
									<div id="data-one">
										
									</div>
									<div id="data-two">
										
									</div>
									<div id="data-three">
										
									</div>

									<div id="data-four">
										
									</div>
									<div id="data-five">
										
									</div>
									<div id="data-six">
										
									</div>
									
								</div>
							</div>
							<div class="row" style="height: 100%">
								<div class="col-lg-6" style="height: 100%">
									<div id="imgone"></div>
								</div>
								<div class="col-lg-6">
									<div id="imgtwo"></div>
								</div>

							</div>

						</div>
					</div>
					<div class="row">
						<div class="col-lg-12"  style="height: 45%">
							
							<div id="text-two">
								<p>设备故障预警</p>
							</div>
							<div class="row">
								<div class="col-lg-6">
									<div id="imgthree"></div>
								</div>
								<div class="col-lg-6">
									<div id="imgfour"></div>
								</div>

							</div>

						</div>
					</div>
				</div>
			</div>
			



		</div>
	</div>
	<script src="../js/echarts.min.js"></script>
	<script type="text/javascript" src="../js/map.js"></script>
	<script type="text/javascript" src="../js/china.js"></script>
	<script src="../js/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script src="../js/bootstrap.min.js"></script>

</body>
</html>